<template>
    <div @click="sayHi">{{ msg }}</div>
</template>

<script>

export default {
    // 执行顺序 setup ---  beforeCreate ----  mounted
    setup() {
        console.log('setup生命周期');
        // setup中没有 this，不要使用this的方式
        console.log('this', this);
        // 需要用到什么数据，就在里面调用即可
        const msg = 'hi'
        const sayHi = () => {
            alert(msg)
        }

        // 在模版中需要使用的数据和函数，需要在 `setup` 返回。
        return { msg, sayHi }
    },
    // beforeCreate() {
    //     console.log('beforeCreate生命周期');
    // },
    // mounted() {
    //     console.log('mounted生命周期');
    // }
}
</script>
